
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>体系界面</title>

  <link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css"/>
  <link rel=stylesheet href=js/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css>
  <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.5.2/themes/gray/easyui.css">
  <link rel="stylesheet" typanswere="text/css" href="js/jquery-easyui-1.5.5.2/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="js/qunee/editor/libs/graph.editor/graph.editor.css">
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <link rel="stylesheet" type="text/css" href="css/search-form.css">
  <link rel="stylesheet" type="text/css" href="css/menu/normalize.css" />
  <link rel="stylesheet" type="text/css" href="css/menu/default.css">
  <link rel="stylesheet" type="text/css" href="css/menu/styles.css">
  <link rel="stylesheet" href="./../globle/js/iconfont/iconfont.css">
  <!--<link rel="stylesheet" href="./js/iconfont/iconfont.css">-->
</head>
<body class="easyui-layout">
<div data-options="region:'north'" border="false" style="height:96px;" class="main-title">
  <!-- <div class="top_tab">
    <ul class="header-menu">
      <li onclick="dataConnection('#/')">
        <i class="iconfont icon-situation menu-icon"></i>
        <p>目标态势</p>
      </li>
      <li>
        <i class="iconfont icon-list menu-icon"></i>
        <p>实体列表</p>
      </li>
      <li>
        <i class="iconfont icon-status menu-icon"></i>
        <p>实时状态</p>
      </li>
      <li>
        <i class="iconfont icon-intention menu-icon"></i>
        <p>意图研判</p>
      </li>
      <li>
        <i class="iconfont icon-event menu-icon"></i>
        <p>事件感知</p>
      </li>
      <li>
        <a target="_blank" :href="'../../../../perception/index.html?ids=' + linkAttr " style="text-decoration: none;">
          <i class="iconfont icon-association menu-icon"></i>
          <p>体系关联</p>
        </a>
      </li>
      <li>
        <i class="iconfont icon-ai menu-icon"></i>
        <p>情报需求</p>
      </li>
      <li>
        <i class="iconfont icon-shared-list menu-icon"></i>
        <p>情报共享</p>
      </li>
    </ul>
  </div> -->
</div>
<div id="center_panel" data-options="region:'center'">
  <div id="graph_panel" class="q-panel">
    <div id="canvas_panel" class="q-content">
      <div id="toolbar" class="q-toolbar"></div>
      <div id="canvas" class="q-canvas"></div>
      <!--<div id="toolbox"></div>-->
    </div>
  </div>
</div>
<div data-options="region:'south',split:true,collapsed:true,title:'时间维度'" style="width:100px;height:200px;border: none;" id="timeline"></div>

<svg>
  <defs>
    <filter id="filt">
      <feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="10" />
      <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="filt" />
      <feBlend in2="filt" in="SourceGraphic" result="mix" />
    </filter>
  </defs>
</svg>
</body>
</html>



<script type="text/javascript" src="js/jquery.min.js"></script>
<!--<script type="text/javascript" src="js/zeptojs/zepto.js"></script>-->
<script type="text/javascript" src="js/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/jquery.easyui.min.js"></script>
<script src="js/qunee/qunee-min.js"></script>
<script src="js/common.js?v=2.5.8"></script>
<script src="js/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<script src="js/qunee/editor/libs/common/Propertypane.js"></script>
<script src="js/qunee/editor/libs/graph.editor/graph.editor.js"></script>
<script src="js/echarts.common.min.js"></script>
<script src="js/framework.js"></script>
<script>
  let linkAttr = [];
  function dataConnection(datalinkUrl) {
    // console.log(window.location.href);
    let attr = (function () {
      return '/map/';
      // const url = window.location.href;
      // return url.substring(0, url.lastIndexOf('8080') + 5);
    })();
    console.log(attr);

    // window.open(`${datalinkUrl}`, '目标态势');
    window.open(`${attr + datalinkUrl}?ids=${linkAttr}&t=` + Math.random(), '目标态势');
    // window.open(`${attr + datalinkUrl}?ids=${linkAttr}`, '目标态势');
  }


  $('.class-group').find('.mouse-pointer').click(function () {
    $(this).parent('.list-group').eq(0).find('.form-group').toggle();
    $(this).hasClass('start-select') ? $(this).removeClass('start-select') : $(this).addClass('start-select');
  });


</script>


